<template>
  <div class="home-page">
    <div class="header">数据更新截止时间：{{ currentTime }}</div>
    <div class="flow-wrap">
      <!--泳道-->
      <div class="step" style="height:120px;background-color: #F5F5F5;">
        <div class="step-title-revnue" >
          <img :src="imageType.yingshou" style="border: 1px dashed #666;"><br>
          营收</div>
        <!--TASK-->
        <div class="step-item" style="left:60px;top:70px;">需求承接</div>
        <div class="step-item" style="left:180px;top:70px;">需求整合</div>
        <div class="step-item" style="left:300px;top:70px;">订单编制</div>
        <div class="step-item" style="left:540px;top:70px;">订单修正/支付</div>
        <div class="step-item" style="left:700px;top:70px;">订单起租</div>
        <div class="step-item" style="left:860px;top:70px;">订单终止</div>
        <!--超链接-->
        <div class="step-link" style="left:80px;top:50px;color: rgb(225, 114, 5);" @click="$router.push({name:'biz-lal'})">
          <img class="imgico" :src="imageType.normal" />
          站址周边场租水平提示
        </div>
        <div class="step-link" style="left:380px;top:10px;" @click="$router.push({name:'biz-prc'})">
          <img class="imgico" :src="imageType.normal" />
          产品与资源一致性检查
        </div>
        <div class="step-link" style="left:380px;top:30px;" @click="$router.push({name:'biz-bfbo'})">
          <img class="imgico" :src="imageType.normal" />
          非塔类订单绑定资源合规性校验
        </div>
        <div class="step-link" style="left:380px;top:50px;" @click="$router.push({name:'biz-os'})">
          <img class="imgico" :src="imageType.normal" />
          沉淀固化数据实时校验
        </div>
        <div class="step-link" style="left:580px;top:50px;" @click="$router.push({name:'biz-itps'})">
          <img class="imgico" :src="imageType.normal" />
          站址拆站信息实时提示
        </div>
        <div class="step-link" style="left:580px;top:30px;" @click="$router.push({name:'biz-itps'})">
          <img class="imgico" :src="imageType.normal" />
          起租前同一个订单关联站址状态和挂高等基础信息一致性检查
        </div>

        <div class="step-link-new" style="left:1030px;top:90px;" @click="$router.push({name:'biz-revenueto'})">
          查看二级地图
        </div>
        <!--线、箭头-->
        <!--横向-->
        <div class="step-line " style="left:130px;top:84px;width:45px;"></div>
        <div class="step-line-arrow to_right" style="left:173px;top:81px;"></div>

        <div class="step-line " style="left:250px;top:84px;width:45px;"></div>
        <div class="step-line-arrow to_right" style="left:295px;top:81px;"></div>

        <div class="step-line " style="left:370px;top:84px;width:162px;"></div>
        <div class="step-line-arrow to_right" style="left:532px;top:81px;"></div>

        <div class="step-line " style="left:639px;top:84px;width:58px;"></div>
        <div class="step-line-arrow to_right" style="left:694px;top:81px;"></div>

        <!--纵向-->
        <div class="step-line verline" style="left:336px;top:98px;height:50px;"></div>
        <div class="step-line-arrow to_bottom" style="left:333px;top:144px;"></div>

        <div class="step-line verline" style="left:580px;top:100px;height:220px;"></div>
        <div class="step-line-arrow to_top" style="left:576px;top:98px;"></div>



      </div>
      <div class="step" style="height:100px">
        <div class="step-title-revnue" >
          <img :src="imageType.gc" style="border: 1px dashed #666;"><br>工程</div>
        <!--TASK-->
        <div class="step-item" style="left:300px;top:30px;">立项设计</div>
        <div class="step-item" style="left:420px;top:30px;">实施</div>
        <div class="step-item" style="left:540px;top:30px;">验收</div>
        <div class="step-item" style="left:660px;top:30px;">完工交维</div>
        <!--超链接-->

        <div class="step-link" style="left:230px;top:10px;" @click="$router.push({name:'biz-emc'})">
          <img class="imgico" :src="imageType.normal" />
          项目立项设计环节<br/>价格预警提示
        </div>

        <div class="step-link" style="left:230px;top:60px;" @click="$router.push({name:'biz-emc'})">
          <img class="imgico" :src="imageType.normal" />
          物资参考提示
        </div>
        <div class="step-link" style="left:380px;top:14px;" @click="$router.push({name:'biz-emc'})">
          <img class="imgico" :src="imageType.normal" />
          工程物资一致性检查
        </div>

        <div class="step-link" style="left:380px;" @click="$router.push({name:'biz-emc'})">
          <img class="imgico" :src="imageType.warning" />
          主设备退库合规性检查
        </div>

        <div class="step-link-new" style="left:1030px;top:70px;" @click="$router.push({name:'biz-pbpay'})">
          查看二级地图
        </div>
        <!--线、箭头-->
        <!--横向-->
        <div class="step-line " style="left:370px;top:44px;width:45px;"></div>
        <div class="step-line-arrow to_right" style="left:414px;top:41px;"></div> 

        <div class="step-line " style="left:490px;top:44px;width:45px;"></div>
        <div class="step-line-arrow to_right" style="left:534px;top:41px;"></div> 
        
        <div class="step-line " style="left:610px;top:44px;width:45px;"></div>
        <div class="step-line-arrow to_right" style="left:655px;top:41px;"></div>
        <!--纵向-->
        <div class="step-line verline" style="left:336px;top:58px;height:86px;"></div>

        <div class="step-line verline" style="left:456px;top:58px;height:86px;"></div>
        <div class="step-line-arrow to_top" style="left:452px;top:58px;"></div>

        <div class="step-line verline" style="left:594px;top:58px;height:41px;"></div>
        <div class="step-line-arrow to_top" style="left:591px;top:57px;"></div>
       
        <div class="step-line " style="left:594px;top:99px;width:41px;"></div>
          
      </div>
      <div class="step" style="height:160px;background-color: #F5F5F5;">
        <div class="step-title-revnue" >
          <img :src="imageType.zc" style="border: 1px dashed #666;"><br>资产</div>
        <!--TASK-->
        <div class="step-item" style="left:420px;top:30px;">采购</div>
        <div class="step-item" style="left:600px;top:30px;">到货确认</div>
        <div class="step-item" style="left:800px;top:30px;">商合结算</div>
        <div class="step-item" style="left:700px;top:100px;">资源管理</div>
        <div class="step-item" style="left:990px;top:100px;">资产管理</div>
        <!--超链接-->
        <div class="step-link-new" style="left:1030px;top:130px;" @click="$router.push({name:'biz-pbpay'})">
          查看二级地图
        </div>
        <div class="step-link" style="left:640px;top:18px;" @click="$router.push({name:'biz-mc'})">
          <img class="imgico" :src="imageType.normal" />
          采购、入库、付款单据匹配检查
        </div>

        <div class="step-link" style="left:640px;top:0px;" @click="$router.push({name:'biz-mc'})">
          <img class="imgico" :src="imageType.normal" />
          商合报账供应商银行信息一致性检查
        </div>
        <div class="step-link" style="left:290px;top:56px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          采购支付风险防控
        </div>
        <div class="step-link" style="left:930px;top:4px;color: rgb(225, 114, 5);" @click="$router.push({name:'biz-ssl'})">
          <img class="imgico" :src="imageType.normal" />
           站址二级状态计算
        </div>
        <div class="step-link" style="left:930px;top:20px;" @click="$router.push({name:'biz-asck'})">
          <img class="imgico" :src="imageType.normal" />
          资产信息校验查询
        </div>
        <div class="step-link" style="left:930px;top:36px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          非塔类数据沉淀固化
        </div>
        <div class="step-link" style="left:930px;top:52px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          资源占用状态实时查询
        </div>
        <div class="step-link" style="left:930px;top:68px;" @click="$router.push({name:'biz-os'})">
          <img class="imgico" :src="imageType.normal" />
          沉淀固化数据实时校验
        </div>
        <div class="step-link" style="left:930px;top:84px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          室分、光缆资源绑定订单查询
        </div>
        <div class="step-link" style="left:930px;top:134px;color: rgb(225, 114, 5);" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          资产全视图
        </div>
        <div class="step-link" style="left:100px;top:84px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          财务稽查前置-<br>合同一致信息性校验
        </div>
        <!--线、箭头-->
        <div class="step-line " style="left:460px;top:100px;width:121px;"></div>
        <div class="step-line verline" style="left:460px;top:100px;height:214px;"></div>
        <div class="step-line-arrow to_bottom" style="left:456px;top:304px;"></div>

        <!--横向-->
        <div class="step-line " style="left:336px;top:44px;width:85px;"></div>
        <div class="step-line-arrow to_right" style="left:414px;top:40px;"></div>
        <div class="step-line " style="left:490px;top:44px;width:110px;"></div>
        <div class="step-line-arrow to_right" style="left:594px;top:40px;"></div>
        <div class="step-line " style="left:670px;top:44px;width:126px;"></div>
        <div class="step-line-arrow to_right" style="left:792px;top:40px;"></div>
        <div class="step-line " style="left:221px;top:80px;width:614px;"></div>
        <div class="step-line " style="left:332px;top:106px;width:303px;"></div>

        <div class="step-line " style="left:770px;top:116px;width:215px;"></div>
        
        <div class="step-line-arrow to_right" style="left:982px;top:112px;"></div>
        <!--当前-->
        <div class="step-line " style="left:470px;top:116px;width:230px;"></div>
        <div class="step-line-arrow to_right" style="left:693px;top:112px;"></div>


        <!--纵向-->
        <div class="step-line verline" style="left:634px;top:0px;height:30px;"></div>
        <div class="step-line verline" style="left:634px;top:58px;height:48px;"></div>
        
        <div class="step-line verline" style="left:834px;top:58px;height:22px;"></div>
        <div class="step-line verline" style="left:221px;top:80px;height:226px;"></div>
        <div class="step-line-arrow to_bottom" style="left:218px;top:302px;"></div>

        <div class="step-line verline" style="left:332px;top:106px;height:200px;"></div>
        <div class="step-line verline" style="left:470px;top:116px;height:200px;"></div>



      </div>
      <div class="step" style="height:120px">
        <div class="step-title-revnue" >
          <img :src="imageType.cb" style="border: 1px dashed #666;"><br>成本</div>
         <!--TASK-->
        <div class="step-item" style="left:60px;top:30px;">场地费</div>
        <div class="step-item" style="left:240px;top:30px;">维护费</div>
        <div class="step-item" style="left:360px;top:30px;">维系费</div>
        <div class="step-item" style="left:540px;top:30px;">发电费</div>
        <div class="step-item" style="left:700px;top:30px;">电费</div>
        <!--超链接-->
        <div class="step-link-new" style="left:1030px;top:90px;" @click="$router.push({name:'biz-pbpay'})">
          查看二级地图
        </div>
        <div class="step-link" style="left:60px;top:10px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          业主收款信息一致性检查
        </div>

        <div class="step-link" style="left:770px;top:10px;" @click="$router.push({name:'biz-or'})">
          <img class="imgico" :src="imageType.warning" />
          物业电费有票无票支付区间合规性检查
        </div>

        <div class="step-link" style="left:770px;top:30px;color: rgb(225, 114, 5);" @click="$router.push({name:'biz-or'})">
          <img class="imgico" :src="imageType.normal" />
          订单起租不及时风险校验
        </div>
        <!--线、箭头-->
        <div class="step-line " style="left:94px;top:90px;width:641px;"></div>
        <div class="step-line " style="left:204px;top:91px;width:192px;"></div>

        <!--纵向-->
        <div class="step-line verline" style="left:94px;top:57px;height:33px;"></div>

        <div class="step-line verline" style="left:204px;top:90px;height:57px;"></div>
        <div class="step-line verline" style="left:205px;top:90px;height:57px;"></div>
        <div class="step-line-arrow to_bottom" style="left:201px;top:142px;"></div>

        <div class="step-line verline" style="left:270px;top:57px;height:33px;"></div>
        <div class="step-line verline" style="left:394px;top:57px;height:33px;"></div>
        <div class="step-line verline" style="left:734px;top:57px;height:33px;"></div>

        <div class="step-line verline" style="left:574px;top:57px;height:51px;"></div>
        <div class="step-line " style="left:574px;top:107px;width:331px;"></div>
        <div class="step-line verline" style="left:905px;top:107px;height:151px;"></div>
        <div class="step-line " style="left:875px;top:257px;width:31px;"></div>
        <div class="step-line-arrow to_left" style="left:880px;top:253px;"></div>

        <div class="step-line " style="left:770px;top:48px;width:155px;"></div>
        <div class="step-line verline" style="left:924px;top:48px;height:220px;"></div>
        <div class="step-line " style="left:880px;top:267px;width:45px;"></div>
        <div class="step-line-arrow to_left" style="left:880px;top:263px;"></div>

      </div>
      <div class="step" style="height:100px;background-color: #F5F5F5;">
        <div class="step-title-revnue" >
          <img :src="imageType.zfkt" style="border: 1px dashed #666;"><br>支付</div>
        <!--TASK-->
        <div class="step-item" style="left:60px;top:30px;">计提摊销</div>
        <div class="step-item" style="left:180px;top:30px;">报账</div>
        <div class="step-item" style="left:300px;top:30px;">入账</div>
        <div class="step-item" style="left:420px;top:30px;">资产装配</div>
        <div class="step-item" style="left:540px;top:30px;">自动转资</div>
        <div class="step-item" style="left:660px;top:30px;">结算调整</div>
        <div class="step-item" style="left:800px;top:30px;">决算调整</div>
        <div class="step-item" style="left:990px;top:30px;">竣工决算</div>
         <!--超链接-->
        <div class="step-link" style="left:140px;top:80px;" @click="$router.push({name:'biz-sr'})">
          <img class="imgico" :src="imageType.normal" />
          结算报账发起合规性检查
        </div>
        <div class="step-link" style="left:390px;top:80px;" @click="$router.push({name:'biz-psr'})">
          <img class="imgico" :src="imageType.normal" />
          项目状态实时获取
        </div>
        <div class="step-link-new" style="left:1030px;top:70px;" @click="$router.push({name:'biz-pbpay'})">
          查看二级地图
        </div>
        <!--线、箭头-->
        <div class="step-line-arrow to_bottom" style="left:328px;top:22px;"></div>

        <div class="step-line " style="left:132px;top:45px;width:48px;"></div>
        <div class="step-line-arrow to_left" style="left:131px;top:42px;"></div>

        <div class="step-line " style="left:370px;top:45px;width:48px;"></div>
        <div class="step-line-arrow to_right" style="left:414px;top:42px;"></div>

        <div class="step-line " style="left:490px;top:45px;width:48px;"></div>
        <div class="step-line-arrow to_right" style="left:534px;top:42px;"></div>

        <div class="step-line " style="left:610px;top:45px;width:48px;"></div>
        <div class="step-line-arrow to_right" style="left:654px;top:42px;"></div>

        <div class="step-line " style="left:730px;top:45px;width:68px;"></div>
        <div class="step-line-arrow to_right" style="left:794px;top:42px;"></div>

      </div>
      <div class="step" style="height:70px">
        <div class="step-title-revnue" >
          <img :src="imageType.sjz" style="border: 1px dashed #666;">
          <br>三集中</div>
        <!--TASK-->
        <div class="step-item" style="left:260px;top:10px;width:140px;">集中操作自动审核</div>
        <div class="step-item" style="left:500px;top:10px;width:140px;">稽核中台</div>
        <div class="step-item" style="left:740px;top:10px;width:140px;">集中出账</div>
         <!--超链接-->
        <div class="step-link" style="left:80px;top:10px;color: rgb(225, 114, 5);" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          集中操作关联查询展示
        </div>
        <div class="step-link" style="left:80px;top:30px;color: rgb(225, 114, 5);" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          实时校验服务查询门户
        </div>
        <div class="step-link" style="left:80px;top:50px;color: rgb(225, 114, 5);" @click="$router.push({name:'biz-ml'})">
          <img class="imgico" :src="imageType.normal" />
          服务调用日志查询
        </div>
        <div class="step-link" style="left:726px;top:40px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          集中出账-加速详单计算
        </div>
        <div class="step-link" style="left:726px;top:54px;" @click="$router.push({name:''})">
          <img class="imgico" :src="imageType.normal" />
          集中出账-物业电费出账加速
        </div>
        
      </div>
      <div class="step" style="height:20px">
        <div >
          <div class="lendge-item" style="float:left;"><img class="imgico" :src="imageType.normal" />场景事中拦截比率&lt;=40% </div>
          <div class="lendge-item" style="float:left;"><img class="imgico" :src="imageType.warning" />40%&lt;场景事中拦截比率&lt;=70%</div>
          <div class="lendge-item" style="float:left;"><img class="imgico" :src="imageType.error" />场景事中拦截比率&gt;70%</div>
          <div style="float:right;font-size:6px;padding-left: 10px;">强校验场景</div>
          <div style="float:right;font-size:6px;padding-left: 10px;">弱校验场景</div>
          <div style="float:right;color: rgb(225, 114, 5);font-size:6px;">查询提示场景</div>
        </div>
      </div>
     
    </div>
  </div>
</template>

<style scoped>
  .home-page {
    position: relative;
    width: 100%;
    border-right: 1px solid #f4f4f4;
    background: #fff;
    
  }

  .home-page>.header {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: #eaeaea;
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
  }

  .home-page>.flow-wrap {
    overflow: auto;
  }

  .flow-wrap>.step {
    position: relative;
    width: 100%;
    min-width: 1120px;
    height: 150px;
    border-bottom: 1px dashed #bababa;
  }

  .step .step-title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    background: #c7eaf6;
    padding: 60px 5px;
  }

 .step .step-title-revnue {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    background: #F5F5F5;
    color: rgb(230, 99, 99);
    
    /* padding: 60px 5px; */
    display:table-cell; vertical-align:middle;

    display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;

  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;

  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  }
  .step .step-title-revnue img{
    width: 38px;
    height: 38px;
  }
  .step-title.offset15 {
    padding-top: 50px;
  }

  .step-item {
     position: absolute;
    height: 28px;
    min-width: 70px;
    line-height: 28px;
    font-size: 12px;
    /* background: #0053a7;
    border: 1px solid #044689; */
    background: #fcdddd;
    border: 1px solid #fcdddd;
    color: #000;
    text-align: center;
    border-radius: 3px;
    padding: 0 10px;
    cursor: default;
    z-index: 99999;
  }

 .step-item-reven {
    position: absolute;
    /* height: 28px; */
    width: 70px;
    font-size: 12px;
    background: #f2c2c2;
    border: 1px solid #f2c2c2;
    color: #000;
    text-align: center;
    border-radius: 3px;
    cursor: default;
    /* transform: scale(0.6); */
    white-space: pre-wrap;
  }

  .step-item:hover {
    background: #f2c2c2;
  }

  /* .step .flow-lendge {
    position: absolute;
    width: 600px;
    padding-left: 30%;
  } */

  .step .step-link {
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    z-index: 5;
    /* border: #000 solid 1px; */
  }

  .step .step-link-new {
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    z-index: 5;
    border: #EB4B4B solid 1px;
    padding: 5px;
    border-radius: 30px;
    color: #EB4B4B;
  }

  .step .step-link:hover {
    color: #4390ea;
  }


  .step-link .imgico {
    width: 16px;
    height: 16px;
    margin-right: 0px;
    margin-top: -6px;
  }

  .flow-lendge>.lendge-item {
    float: left;
    margin-right: 15px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
  }

  .lendge-item .imgico {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -4px;
  }

  .step-item.lgbtn {
    width: 200px;
    cursor: pointer;

  }

  .step-item.lgbtn:hover {
    background: #fff;
    color: #0053a7;
    font-weight: 550;
  }

  .step-line {
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #666;
    z-index: 99999;
  }

  .step-line.verline {
    width: 1px;
    border-bottom: none;
    border-left: 1px solid #666;
    z-index: 99999;
  }

  .step-line-arrow {
    position: absolute
  }

  .step-line-arrow.to_top {
    width: 0;
    height: 0;
    border-bottom: 8px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }

  .step-line-arrow.to_bottom {
    width: 0;
    height: 0;
    border-top: 8px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }

  .step-line-arrow.to_left {
    width: 0;
    height: 0;
    border-right: 8px solid #666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .step-line-arrow.to_right {
    width: 0;
    height: 0;
    border-left: 8px solid #666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  .step-line-text{
      background-color: #fff;
      font-size: 50%;
  }
</style>

<script>

  export default {
    data() {
      return {
        currentTime: '2020-12-01 00:00:00',
        icoType: 'normal',
        imageType:{
          normal:require("@/assets/img/normal.png"),
          error:require("@/assets/img/error.png"),
          warning:require("@/assets/img/warning.png"),
          yingshou:require("@/assets/img/yingshounew.png"),
          sjz:require("@/assets/img/sjz.png"),
          zfkt:require("@/assets/img/zfkt.png"),
          cb:require("@/assets/img/cb.png"),
          zc:require("@/assets/img/zc.png"),
          gc:require("@/assets/img/gc.png")

        },
        sceneImage:{
           'scene1.5':require("@/assets/img/normal.png"),
           'scene2.2':require("@/assets/img/normal.png"),
           'scene2.3':require("@/assets/img/normal.png"),
           'scene2.6':require("@/assets/img/normal.png"),
           'scene2.8':require("@/assets/img/normal.png"),
           'scene2.9':require("@/assets/img/normal.png"),
           'scene2.10':require("@/assets/img/normal.png"),
           'scene2.11':require("@/assets/img/normal.png"),
           'scene2.12':require("@/assets/img/normal.png"),
           'scene2.13':require("@/assets/img/normal.png"),
           'scene2.14':require("@/assets/img/normal.png"),
           'scene2.15':require("@/assets/img/normal.png"),
           'scene2.16':require("@/assets/img/normal.png"),
           'scene2.17':require("@/assets/img/normal.png"),
           'scene2.18':require("@/assets/img/normal.png"),
           'scene2.21':require("@/assets/img/normal.png"),
           'scene2.22':require("@/assets/img/normal.png"),
           'scene2.23':require("@/assets/img/normal.png"),
           'scene2.25':require("@/assets/img/normal.png")
        }
      }
    },
    created() {
      this.setCurrentTime()
      this.queryPageCount('*')

      console.log("当前用户:["+sessionStorage.getItem('userName')+"]");
    },
    computed: {
    },
    methods: {
      dateFormat(date) {
        const timeDate = new Date(date.getTime() + (8 * 3600 * 1000))
        const timeDateString = timeDate.toJSON()
        return timeDateString.replace('T', ' ').slice(0, 19)
      },
      setCurrentTime() {
        this.currentTime = this.dateFormat(new Date())
      },
      setSceneImage(scene,per){
          var key = 'scene'+scene;
          if(per > 0.4 && per <= 0.7){
             this.sceneImage[key]=this.imageType.warning;
          }else if(per > 0.7){
             this.sceneImage[key]=this.imageType.error;
          }else{
            this.sceneImage[key]=this.imageType.normal;
          }
      },
      async queryPageCount(scene) {
        try {
          const r = await this.$http({
            url: this.$http.adornBizUrl('/log/queryStatistics'),
            method: 'post',
            data: this.$http.adornData('param=' + JSON.stringify({scene:scene}), false),
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
            }
          })
          //console.log(r.data.data);
          var self = this;
          if(r.data.data && r.data.data.length >0){
              var scenes = r.data.data;
              scenes.forEach((item,i)=>{
                  self.setSceneImage(item.scene,item.per);
              });
          }
        } catch (e) {
          console.log(e)
        } finally {
        }
      }
    }
  }
</script>
